<template>
<div>
    <h1>app根组件</h1>
    <hr>
    <!-- 什么时候触发这个事件，当调用$emit方法的时候对这个事件进行触发 -->
    <MyCounter @countChange="getCount"></MyCounter>
</div>
</template>

<script>
import MyCounter from "./Counter.vue";
export default{
    name:'MyApp',
    methods: {
        // 这里的val是由事件处理函数的形参传递过来的
        getCount(val){
            console.log('触发了countChange自定义事件',val);
        },
    },
    components:{
        MyCounter,
    },
}
</script>

<style></style>